<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-touch-fullscreen" content="yes">
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon">
    <title>我的团队</title>

    <!-- Bootstrap -->
    <link href="./css/bootstrap.min.css" rel="stylesheet">
    <link href="./css/index.css" rel="stylesheet">
	<style type="text/css">
		#QR{
			height: 220px;
		    width: 220px;
		    padding: 10px;
		    background: #fff;
		    margin:30px auto;
		}
	</style>
</head>

<body>
    <!--导航-->
    <div class="navbar navbar-inverse">
        <div class="container">
            <div class="navbar-header text-center">
                <!-- 用户信息 -->
                <a class="navbar-brand user_msg" href="javascript:;"><img class="img-responsive" src="./img/geren5@2x.png" alt="" style="width:50%;border-radius:50%;"></a>
                <!-- 标题 -->
                <span class="title">我的团队</span>
                <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#navBar">
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                    <span class="icon-bar"></span>
                </button>
            </div>

            <div class="collapse navbar-collapse navbar-right" id="navBar">
                <ul class="nav navbar-nav">
                    <li><a href="index.html">首页</a></li>
                    <li><a href="chargeMoney.html">充币</a></li>
                    <li><a href="mentionMoney.html">提币</a></li>
                    <li><a href="Num1FirstRound.html">捐款轮数</a></li>
                    <!--<li><a href="manageMoney.html">加密大陆</a></li>-->
                    <li><a href="myTeam.html" style="color:#fff;">我的团队</a></li>
                    <li><a href="myEarnings.html">我的收益</a></li>
                    <li><a href="currencySetting.html">币种设置</a></li>
                </ul>
            </div>

            <!-- 用户信息 -->
            <div class="user_wrapper">
                <div class="user_container">
                    <img class="user_head" src="./img/lanse222.gif" alt="用户头像">
                    <p class="user_id"></p>
                    <div class="btns">
                        <a href="personalCenter.html">个人中心</a>
                        <a href="login.html">退出</a>
                    </div>
                </div>
            </div>

        </div>
    </div>

    <div class="container-fluid">
        <!-- 我的团队 -->
        <div class="text_shadow">我的团队</div>
        <div>
            <p style="max-width:800px;margin:0 auto;">直推人数</p>
            <div class="money_num">
                <input class="money_num_input pushNum" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">直推总余额</p>
            <div class="money_num">
                <input class="money_num_input pushbalance" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">团队人数</p>
            <div class="money_num">
                <input class="money_num_input teamNum" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">团队总余额</p>
            <div class="money_num">
                <input class="money_num_input teamBalance" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">闯关收益</p>
            <div class="money_num">
                <input class="money_num_input profit" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">团队收益</p>
            <div class="money_num">
                <input class="money_num_input teamProfit" type="text" readonly="readonly">
            </div>
            <p style="max-width:800px;margin:9px auto 0;">推广链接</p>
            <div class="money_num">
            	<input type="text" id="foo" class="foo" readonly="readonly" style="padding-right:0;"/>
            	<a href="javascript:;" class="cbtn" data-clipboard-target="#foo" aria-label="复制成功！" style="color:#FFC900;text-align: center;">一键复制</a>
            </div>
            <p style="max-width:800px;margin:9px auto 0;">推广二维码</p>
            <div class="ewm" id="QR" style="height: 200px;">
                <!--<img src="./img/lanse222.gif" alt="二维码" width="200" height="200">-->
            </div>
        </div>
    </div>
	<!--preload-->
	<section id="preloader">
		<div class="loading-circle fa-spin"></div>
		<div class="loading-circle2">
			<img src="img/logo.png">
		</div>
	</section>
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="./js/jquery-2.1.1.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="./js/bootstrap.min.js"></script>
    <script src="./js/qrcode.min.js"></script>
    <script src="./js/index.js"></script>
    <script src="./js/clipboard.min.js"></script>
    <script>
        // 复制
        var clipboard = new Clipboard('.cbtn');
        clipboard.on('success', function(e) {
            var msg = e.trigger.getAttribute('aria-label');
            alert(msg);
            e.clearSelection();
        });
    </script>
    <script src="js/myTeam.js"></script>
</body>

</html>
